import { LazyLoad } from '@/library/widgets'
import type { IRoutesItem } from '@/router/baseType'
import { demoGalleryPaths } from './paths'

const DemoGalleryIndex = LazyLoad('demo-gallery')
const DemoGalleryHome = LazyLoad('demo-gallery/home')
const DemoGalleryButton = LazyLoad('demo-gallery/button')
const DemoGalleryBadge = LazyLoad('demo-gallery/badge')
const DemoGalleryImage = LazyLoad('demo-gallery/image')
const DemoGallerySpace = LazyLoad('demo-gallery/space')
const DemoGalleryList = LazyLoad('demo-gallery/list')
const DemoGalleryCheckList = LazyLoad('demo-gallery/checkList')
const DemoGallerySwitch = LazyLoad('demo-gallery/switch')
const DemoGalleryCheckBox = LazyLoad('demo-gallery/checkBox')
const DemoGalleryRadio = LazyLoad('demo-gallery/radio')
const DemoGalleryinput = LazyLoad('demo-gallery/input')
const DemoGalleryDivider = LazyLoad('demo-gallery/divider')
const DemoGalleryTimeline = LazyLoad('demo-gallery/timeline')
const DemoGalleryMask = LazyLoad('demo-gallery/mask')
const DemoGalleryPopup = LazyLoad('demo-gallery/popup')
const DemoGalleryCenterPopup = LazyLoad('demo-gallery/centerPopup')
const DemoGalleryDialog = LazyLoad('demo-gallery/dialog')
const DemoGalleryDialogShow = LazyLoad('demo-gallery/dialog/show')
const DemoGalleryDialogAlert = LazyLoad('demo-gallery/dialog/alert')
const DemoGalleryDialogConfirm = LazyLoad('demo-gallery/dialog/confirm')
const DemoGalleryToast = LazyLoad('demo-gallery/toast')
const DemoGalleryToastMethod = LazyLoad('demo-gallery/toast/method')
const DemoGallerySpinLoading = LazyLoad('demo-gallery/spinLoading')
const DemoGalleryDotLoading = LazyLoad('demo-gallery/dotLoading')
const DemoGalleryEllipsis = LazyLoad('demo-gallery/ellipsis')
const DemoGallerySkeleton = LazyLoad('demo-gallery/skeleton')
const DemoGalleryWaterMark = LazyLoad('demo-gallery/waterMark')
const DemoGalleryWaterMark1 = LazyLoad('demo-gallery/waterMark/part')
const DemoGalleryTabs = LazyLoad('demo-gallery/tabs')
const DemoGalleryTabs1 = LazyLoad('demo-gallery/tabs/index1')
const DemoGalleryIndexBar = LazyLoad('demo-gallery/indexBar')
const DemoGalleryCollapse = LazyLoad('demo-gallery/collapse')
const DemoGalleryNoticeBar = LazyLoad('demo-gallery/noticeBar')
const DemoGalleryPickerView = LazyLoad('demo-gallery/pickerView')
const DemoGalleryCascadePickerView = LazyLoad('demo-gallery/cascadePickerView')
const DemoGalleryLog = LazyLoad('demo-gallery/log')

export const DemoGalleryRoutes: IRoutesItem = {
  path: demoGalleryPaths.basePagePath,
  component: DemoGalleryIndex,
  auth: false,
  children: [
    {
      path: demoGalleryPaths.home,
      component: DemoGalleryHome,
    },
    {
      path: demoGalleryPaths.button,
      component: DemoGalleryButton,
    },
    {
      path: demoGalleryPaths.badge,
      component: DemoGalleryBadge,
    },
    {
      path: demoGalleryPaths.image,
      component: DemoGalleryImage,
    },
    {
      path: demoGalleryPaths.space,
      component: DemoGallerySpace,
    },
    {
      path: demoGalleryPaths.list,
      component: DemoGalleryList,
    },
    {
      path: demoGalleryPaths.checkList,
      component: DemoGalleryCheckList,
    },
    {
      path: demoGalleryPaths.switch,
      component: DemoGallerySwitch,
    },
    {
      path: demoGalleryPaths.checkBox,
      component: DemoGalleryCheckBox,
    },
    {
      path: demoGalleryPaths.radio,
      component: DemoGalleryRadio,
    },
    {
      path: demoGalleryPaths.input,
      component: DemoGalleryinput,
    },
    {
      path: demoGalleryPaths.divider,
      component: DemoGalleryDivider,
    },
    {
      path: demoGalleryPaths.timeline,
      component: DemoGalleryTimeline,
    },
    {
      path: demoGalleryPaths.mask,
      component: DemoGalleryMask,
    },
    {
      path: demoGalleryPaths.popup,
      component: DemoGalleryPopup,
    },
    {
      path: demoGalleryPaths.centerPopup,
      component: DemoGalleryCenterPopup,
    },
    {
      path: demoGalleryPaths.dialog,
      component: DemoGalleryDialog,
    },
    {
      path: demoGalleryPaths.dialogShow,
      component: DemoGalleryDialogShow,
    },
    {
      path: demoGalleryPaths.dialogAlert,
      component: DemoGalleryDialogAlert,
    },
    {
      path: demoGalleryPaths.dialogConfirm,
      component: DemoGalleryDialogConfirm,
    },
    {
      path: demoGalleryPaths.toast,
      component: DemoGalleryToast,
    },
    {
      path: demoGalleryPaths.toastMethod,
      component: DemoGalleryToastMethod,
    },
    {
      path: demoGalleryPaths.spinLoading,
      component: DemoGallerySpinLoading,
    },
    {
      path: demoGalleryPaths.dotLoading,
      component: DemoGalleryDotLoading,
    },
    {
      path: demoGalleryPaths.ellipsis,
      component: DemoGalleryEllipsis,
    },
    {
      path: demoGalleryPaths.skeleton,
      component: DemoGallerySkeleton,
    },
    {
      path: demoGalleryPaths.waterMark,
      component: DemoGalleryWaterMark,
    },
    {
      path: demoGalleryPaths.waterMark1,
      component: DemoGalleryWaterMark1,
    },
    {
      path: demoGalleryPaths.tabs,
      component: DemoGalleryTabs,
    },
    {
      path: demoGalleryPaths.tabs1,
      component: DemoGalleryTabs1,
    },
    {
      path: demoGalleryPaths.indexBar,
      component: DemoGalleryIndexBar,
    },
    {
      path: demoGalleryPaths.collapse,
      component: DemoGalleryCollapse,
    },
    {
      path: demoGalleryPaths.noticeBar,
      component: DemoGalleryNoticeBar,
    },
    {
      path: demoGalleryPaths.pickerView,
      component: DemoGalleryPickerView,
    },
    {
      path: demoGalleryPaths.cascadePickerView,
      component: DemoGalleryCascadePickerView,
    },
    {
      path: demoGalleryPaths.log,
      component: DemoGalleryLog,
    },
  ],
}
